
<template>
  <div class="flex flex-row h-full px-1 gap-1">
    <!--左侧栏-->
    <div class="overflow-x-auto w-1/5 bg-white  ">
      <slot name="left-area">
        我是左侧栏
      </slot>
    </div>

    <!--内容区域-->
    <div class="overflow-x-auto w-4/5 bg-white  ">
      <slot name="content-area">
        我是内容区域
      </slot>
    </div>

    <!--右侧区域-->
<!--    <div class="overflow-x-auto w-1/5 bg-orange-200  ">
      <slot name="right-area">
        我是右侧扩展区域
      </slot>
    </div>-->
  </div>
</template>
<script setup>
import {ref, shallowRef} from "vue";
import { useRoute,useRouter } from 'vue-router';


</script>
<style scoped>

</style>